<template>
  <div class="app-container">
    <!-- 交付信息 -->
    <informationJf ref="informationJf" v-model="form" state='detail' />
    <!-- 车辆信息 -->
    <carInformationJf ref="carInformationJf" v-model="form" state='detail' />
    <div style="text-align: right;box-sizing: border-box;padding-right: 20px;margin-top: 20px; background-color: #fff;width: 100%;height: 60px;line-height: 60px;border-radius: 8px;">
      <el-button @click="back">返回</el-button>
    </div>
  </div>
</template>

<script>
import informationJf from "./components/informationJf"
import carInformationJf from "./components/carInformationJf"
import { backCarResultDetail } from "@/api/pickUpTheCar";
export default {
  // 自行收车详情
  name: 'SelfCollectingDetail',
  components: {
    informationJf,
    carInformationJf,
  },
  data() {
    return {
      form: {}
    };
  },
  created() {
    this.backCarResultDetail()
  },
  methods: {
    async backCarResultDetail() {
      this.loading = true
      try {
        let { data } = await backCarResultDetail(this.$route.query.id)
        this.loading = false
        this.form = data
      } catch (error) {
        this.loading = false

      }
    },
    back() {
      this.$tab.closeOpenPage(this.$route);
      this.$router.go(-1)
    },
  },
};
</script>
<style lang="scss" scoped>
.app-container {
  overflow: auto !important;
}
</style>
